﻿@{
    ViewBag.Title = "Index";
}

<link href="~/Content/login.css" rel="stylesheet" />
<link href="~/Content/discovery.css" rel="stylesheet" />
<script type="text/javascript">
    function navigate(url) {
        document.location = url;
    }
</script>

<style>
    #post {
        max-width: 100%;
    }

    .discovery-post article {
        height: 350px;
    }

    .discovery-post {
        width: 22%;
        max-width: 22%;
        margin-left: 1%;
        margin-right: 1%;
    }
</style>

<h1>Registration Page</h1>

<section id="col-organic-c79" class="col-organic">
    <ul class="discovery-posts">

        <li class="discovery-post" id="discovery-link-organic-1878740311" style="clear: left;">
            <header class="discovery-post-header">
                <h3 title="Regular Card">Regular Card</h3>
                <img src="~/img/regularcard.png" />
            </header>
            <article>
                <h4>Benefit</h4>
                <ul>
                    <li>Medical Expenses:</li>
                    <div style="text-align: center;"><strong>#50,000</strong></div>
                    <li>Permanent Dis:</li>
                    <div style="text-align: center;"><strong>#100,000</strong></div>
                    <li>Death:</li>
                    <div style="text-align: center;"><strong>#100,000</strong></div>
                    <li>Burial:</li>
                    <div style="text-align: center;"><strong>#50,000</strong></div>
                </ul>
            </article>
            <h4>Fee: #1000 annually</h4>
            <div class="actions">
                <button type="submit" class="btn main" tabindex="3"
                    onclick="navigate('/Subscriber/RegisterForm/1'); return false;">
                    Register
                </button>
            </div>
        </li>

        <li class="discovery-post" id="discovery-link-organic-1877517146" style="margin-bottom: 23px;">
            <header class="discovery-post-header">
                <h3 title="Process Regular Card">Process Regular Card</h3>
                <img src="~/img/processregularcard.png" />
            </header>
            <article>
                <h4>Benefit</h4>
                <ul>
                    <li>Medical Expenses:</li>
                    <div style="text-align: center;"><strong>#100,000</strong></div>
                    <li>Permanent Dis:</li>
                    <div style="text-align: center;"><strong>#200,000</strong></div>
                    <li>Death:</li>
                    <div style="text-align: center;"><strong>#200,000</strong></div>
                    <li>Burial:</li>
                    <div style="text-align: center;"><strong>#100,000</strong></div>
                    <li>Passort photograph</li>
                </ul>
            </article>
            <h4>Fee: #2000 annually</h4>
            <div class="actions">
                <button type="submit" class="btn main" tabindex="3"
                    onclick="navigate('/Subscriber/RegisterForm/2'); return false;">
                    Register
                </button>
            </div>
        </li>

        <li class="discovery-post" id="discovery-link-organic-1877517146" style="margin-bottom: 23px;">
            <header class="discovery-post-header">
                <h3 title="Special Card">Special Card</h3>
                <img src="~/img/specialcard.png" />
            </header>
            <article>
                <h4>Benefit</h4>
                <ul>
                    <li>Medical Expenses:</li>
                    <div style="text-align: center;"><strong>#250,000</strong></div>
                    <li>Permanent Dis:</li>
                    <div style="text-align: center;"><strong>#500,000</strong></div>
                    <li>Death:</li>
                    <div style="text-align: center;"><strong>#500,000</strong></div>
                    <li>Burial:</li>
                    <div style="text-align: center;"><strong>#250,000</strong></div>
                    <li>Chips to store subscriber information</li>
                </ul>
            </article>
            <h4>Fee: #3000 annually</h4>
            <div class="actions">
                <button type="submit" class="btn main" tabindex="3"
                    onclick="navigate('/Subscriber/RegisterForm/3'); return false;">
                    Register
                </button>
            </div>
        </li>

        <li class="discovery-post" id="discovery-link-organic-1877517146" style="margin-bottom: 23px;">
            <header class="discovery-post-header">
                <h3 title="First Class Citizen Card">First Class Citizen Card</h3>
                <img src="~/img/firstclasscard.png" />
            </header>
            <article>
                <h4>Benefit</h4>
                <ul>
                    <li>Medical Expenses:</li>
                    <div style="text-align: center;"><strong>#500,000</strong></div>
                    <li>Permanent Dis:</li>
                    <div style="text-align: center;"><strong>#1,000,000</strong></div>
                    <li>Death:</li>
                    <div style="text-align: center;"><strong>#1,000,000</strong></div>
                    <li>Burial:</li>
                    <div style="text-align: center;"><strong>#500,000</strong></div>
                    <li>Chips to store subscriber information</li>
                </ul>
            </article>
            <h4>Fee: #7000 annually</h4>
            <div class="actions">
                <button type="submit" class="btn main" tabindex="3"
                    onclick="navigate('/Subscriber/RegisterForm/4'); return false;">
                    Register
                </button>
            </div>
        </li>

    </ul>
</section>

